跳到主要内容

expo app开发中的键盘处理

问题​

  1. 软键盘挡住文本输入组件TextInput;
  2. 无法关闭软键盘；

解决思路​

  1. 采用KeyboardAvoidingView组件，防止阻挡；
  2. 调用Keyboard.dismiss方法，关闭软键盘；

代码​

KeyboardAvoidingView组件​

  1. TextInput外部包裹；
  2. Android/IOS区别；
behavior={Platform.OS === 'ios' ? 'padding' : 'height'}

调用Keyboard.dismiss方法和时机​

  1. 输入组件外部包裹一层Touchable（View）
  2. 关？还是不关？